<template>
	<view>
		<!-- 头部 -->
		<yHeader :current='6' :screenWidth="screenWidth" @Tabs="handleTabs"></yHeader>
		<view class="__inner">
			<view class="">
				<image src="@/static/icon/WechatIMG305.jpg" style="width: 100%;" mode=""></image>
			</view>
			<view class="bg-white mt-2 p-2 flex flex-column">
				<view class="flex flex-column mb-2">
					<text style="font-style: italic; font-size: 20px;" class="text-blue my-2 font-weight-bold">e保付</text>
					<text style="font-style: italic;" >
				    “e保付”是招商银行在线上预授权、保证金、认筹金等业务场景提供冻结、解冻、划扣服务的可信任平台</text>
				</view>
				<view class="flex flex-column">
					<text class="font-weight-bold mt-3" style="font-size: 20px;">您当前暂无项目进行中～</text>
					<text class="text-light-muted mt-10">您可以：</text>
				</view>
				<view class="px-4 my-2 rounded flex justify-between align-center"
				@click="goToshenqing()"
					style=" box-shadow: 0 2rpx 12rpx rgba(220, 243, 251, 1.0);" v-for="(item,index) in sqList" :key="index">
					<view class="flex flex-column align-center">
						<text class=" font-weight-bold my-2 text-blue" style="font-size: 18px;">{{item.text1}}</text>
						<text>{{item.text2}}</text>
					</view>
					<view class="">
						<image :src="item.img" mode="" style="width:120px; height: 120px;"></image>
					</view>
				</view>
			</view>
		</view>
		<!-- 底部 -->
		<yFooter :screenWidth="screenWidth"></yFooter>
	</view>
</template>

<script>
	const app = getApp()
	import yHeader from '@/components/yHeader.vue'
	import yFooter from '@/components/yFooter.vue'
	export default {
		components: {
			yHeader,
			yFooter,
		},
		data() {
			return {
				screenWidth: uni.getSystemInfoSync().windowWidth,
				ThemeColors: app.globalData.ThemeColors,
				sqList: [{
						text1:'添加申请',
						text2: '查找可申请项目进行申请',
						img: '/static/a-Group797.png'
					},
					{
						text1:'扫码申请',
						text2: '向商户获取二维码扫码进行申请',
						img: '/static/a-Group807.png'
					}
				]
			}
		},
		methods: {
			handleTabs(url) {
				uni.navigateTo({
					url
				})
			},
			goToshenqing() {
				uni.navigateTo({
					url: '/pages/finance/warehouse-pledge/mortgagefinance'
				})
			}
		}
	}
</script>

<style>

</style>
